Want to know ededed? we have a huge selection of ededed information on alibabacloud.com
Brief tutorials This is a cool 3D star animation effect made with pure CSS3. In this special effect, with the spacecraft moving forward quickly as the angle of view, all the stars are rapidly growing and moving backwards, the effect is very realistic. How to use HTML structure The 3D star effect uses only one CSS Styles The stars in this 3D star effect are made using the Box-shadow of the Stars element. Stars elements: Before and: After pseudo elements are used to make a small star in the bac
: #606060; border: solid 1px #b7b7b7; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');}.white:hover { background: #ede
Tab writing is more flexible, and Tab writing is more flexible. The same html code structure works with different css codes to demonstrate different results. Basic html Structure 12345678910 divid="tabs" class="tabs_right">ul>li>aHref = # tab1> local tyrants a>li>li>aHref = # tab2> generation II a>li>li>aHref = # tab3> rich generation a>li>ul>divid="tab1" class="tabsCont" >Contents of first tabdiv>divid="tab2" class="tabsCont">div>divid="tab3" class="tabsCont">div>div>
同样的html代码结构 配合不同的css代码 展示不一样的效果。 HTML BASIC structure 12345678910 divid="tabs" class="tabs_right">ul>li>ahref=#tab1>土豪a>li>li>ahref=#tab2>官二代a>li>li>ahref=#tab3>富二代a>li>ul>div id="tab1" class="tabsCont" >Contents of first tabdiv>divid="tab2" class="tabsCont" style="display:none">Contents of the second tabdiv>divid="tab3" class="tabsCont" style="display:none">Contents of the third tabdiv>div> CSS Code 1 123456789101112131415161718192021222324 .
The same html code structure works with different css codes to demonstrate different results. Basic html Structure The effect is as follows: Css Code 2 .tabs_bottom{width:400px;height:auto;border:1px solid #ededed;min-height:200px;position:relative;}.tabs_bottom>ul{width:100%;height:auto;background-color:#ededed;padding:0;margin:0;height:36px;position:absolute;bottom:0;}.tabs_bottom>ul>li{float:left;paddi
classes or rules to ensure cross browsing support. . button {Display:inline-block; *display:inline; Zoom:1; Font-size:bold 16px/2em Arial; Height:2em; Box-shadow:inset 1px 1px 2px 0px #fff; Background:-webkit-gradient (linear, left top, left bottom, color-stop (0.05, #ededed), Color-stop (1, #dfdfdf)); Background:linear-gradient (center top, #ededed 5, #dfdfdf 100%);
": "#405f80" }} App.wxss Set the Global font format text{ font-family:MicroSoft yahei;} Effect Preview 2. Carousel Diagram Playback Swiper Documentation New Catalog Posts Post.wxml Post.wxss swiper{ width:100%; height:500rpx;}3. News list Navigation bar background color and text Configuration document Post.json { "navigationBarBackgroundColor": "#405f80", "navigationBarTitleText":"新闻资讯"} Effect News list Post.wxml POST.WXSS swiper{width:100%; HEIGHT:500RPX;}. post-container{Displa
be justified, the spacing between 22 is equal */ }/* Shadow one effect */Display:-webkit-box;/* set display:box for child elements, using compatible browser notation */margin:0 5px;padding:5px;box-shadow:0 0 5px Rgba (0,0,0,0.3);position:relative;Background: #ededed;/* This background color is very important, if the setting is not reasonable, you can not cover the hidden parts * *}. Fans-ul Li:before,. zsyh:after{Position:absolute; Z-index:-1;}. F
SPAN {display: block; Background: # f4f4f4; color: #333; font-size: 14px;-WebKit-border-radius: 20px; border-radius: 20px; text-align: center; Height: 32px; line-Height: 32px; margin-Right: 10px; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 4em ;}. span1 {/* the background color in m7007 will exceed the rounded corner border: 1px solid # ededed; */Border: 1px solid # eded
; Reply Person color= #ffffff > Final reply time function Tdbackcolor () { Static $ColorStr; if ($ColorStr = = "#ededed") { $COLORSTR = "#dedede"; } else { $COLORSTR = "#ededed"; } return ($COLORSTR); } if (! $page) $page = 1; $ysylimit = ($page-1) *20; $query = "Select Theme,answer_count,id,name,answer_name,date_format (time_close, '%y-%m-%d ') as MyDate from Guestbook where type=1 order by Time_close DESC
-border-radius:3px; border-radius:3px; Background:rgb (255, 255, 255); Background:-moz-linear-gradient (top, RGBA (255, 255, 255, 1) 0, RGBA (246, 246, 246, 1) 47%, Rgba (237, 237, 237) 1); Background:-webkit-gradient (linear, left top, left bottom, Color-stop (0%, Rgba (255, 255, 255, 1)), Color-stop (47%, Rgba (246, 246, 246, 1)), Color-stop (100%, Rgba (237, 237, 237, 1)); Background:-webkit-linear-gradient (top, RGBA (255, 255, 255, 1) 0, RGBA (246, 246, 246, 1) 47%, Rgba (237, 237, 237
; Reply Person color= #ffffff > Final reply time function Tdbackcolor () { Static $ColorStr; if ($ColorStr = = "#ededed") { $COLORSTR = "#dedede"; } else { $COLORSTR = "#ededed"; } return ($COLORSTR); } if (! $page) $page = 1; $ysylimit = ($page-1) *20; $query = "Select Theme,answer_count,id,name,answer_name,date_format (time_close, '%y-%m-%d ') as MyDate from Guestbook where type=1 order by Time_close DESC
($query); $row = Mysql_fetch_row ($res); echo $row [0]; ?> Src= "Mypic/icon1.gif" Width=18>Src= "Mypic/icon2.gif" Width=18>Src= "Mypic/icon3.gif" Width=18>Src= "Mypic/icon4.gif" Width=18>Src= "Mypic/icon5.gif" Width=18>Src= "Mypic/icon6.gif" Width=18>Src= "Mypic/icon7.gif" Width=18>Src= "Mypic/icon8.gif" Width=18>Src= "Mypic/icon9.gif" Width=18>Src= "Mypic/icon10.gif" Width=18>Src= "Mypic/icon11.gif" Width=18>Src= "Mypic/icon12.gif" Width=18>Src= "Mypic/icon13.gif" Width=18>Src= "Mypic/icon14.g
(255, 255, 255, 1) 0, RGBA (246, 246, 246, 1) 47%, Rgba (237, 237, 237, 1) 100%);background:-webkit-gradient (linear, left top, left bottom, Color-stop (0%, Rgba (255, 255, 255, 1)), Color-stop (47%, Rgba (246, 246 , 246, 1)), Color-stop (100%, Rgba (237, 237, 237, 1)));background:-webkit-linear-gradient (Top, RGBA (255, 255, 255, 1) 0, RGBA (246, 246, 246, 1) 47%, Rgba (237, 237, 237, 1) 100%);background:-o-linear-gradient (Top, RGBA (255, 255, 255, 1) 0, RGBA (246, 246, 246, 1) 47%, Rgba (237
; Border:none; } . scrollbar{ width:30px; height:300px; margin:0 auto; } . Test-1::-webkit-scrollbar {/* scroll bar overall style */ width:10px; /* aspect corresponding to the size of the scroll bar */ height:1px; } . TEST-1::-WEBKIT-SCROLLBAR-THUMB {/* scroll bar inside small box */ border-radius:10px; -webkit-box-shadow:inset 0 0 5px Rgba (0,0,0,0.2); Background: #535353; } . Test-1::-webkit
= ". $ theme_id. "order by time_open DESC limit ". strval ($ page-1) * 5 ). ", 5 ";$ Res = mysql_query ($ query );Function TdBackColor (){Static $ ColorStr;If ($ ColorStr = "# ededed "){$ ColorStr = "# dedede ";} Else {$ ColorStr = "# ededed ";}Return ($ ColorStr );}For ($ I = 1; $ I ";Echo" Echo "class = mid>";Echo $ row ['name']."";Echo" ";Echo" ";Echo"
(( $page-1). ", 5";$res = mysql_query ($query);function Tdbackcolor () {Static $ColorStr;if ($ColorStr = = "#ededed") {$COLORSTR = "#dedede";} else {$COLORSTR = "#ededed";}return ($COLORSTR);}for ($i =1; $i "; echo " echo "Class=mid>";echo $row [' name ']. ""; echo " ";echo " "; echo " "; echo " "; echo " echo "S
The effect is as follows:The code is as follows: The code is as follows:Copy code CSS code. Chat-bubble {Background-color: # ededed;Border: 2px solid #666;Font-size: 35px;Line-height: 1.3em;Margin: 10px auto;Padding: 10px;Position: relative;Text-align: center;Width: 300px;-Moz-border-radius: 20px;-Webkit-border-radius: 20px;-Moz-box-shadow: 0 0 5px #888;-Webkit-box-shadow: 0 0 5px #888;Font-family: 'bangers', arial, serif;}. Chat-bubble-ar
theme from guestbook where id =". $ theme_id;$ Res = mysql_query ($ query );$ ROW = mysql_fetch_row ($ res );Echo $ row [0];?>Src = "mypic/icon1.gif"Width = 18> Src = "mypic/icon2.gif"Width = 18> Src = "mypic/icon3.gif"Width = 18> Src = "mypic/icon4.gif"Width = 18> Src = "mypic/icon5.gif"Width = 18> Src = "mypic/icon6.gif"Width = 18> Src = "mypic/icon7.gif"Width = 18> Src = "mypic/icon8.gif"Width = 18> Src = "mypic/icon9.gif"Width = 18> Src = "mypic/icon10.gif"Width = 18> Src = "mypic/icon11.gi
;overflow:auto;float:left;margin:5px;border:none;}.scrollbar{width:30px;height:300px;margin:0auto;}.test-1::-webkit-scrollbar {/*滚动条整体样式*/width:10px;/*高宽分别对应横竖滚动条的尺寸*/height:1px;}.test-1::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius:10px;-webkit-box-shadow:inset005pxrgba(0,0,0,0.2);background:#535353;}.test-1::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow:inset0 05pxrgba(0,0,0,0.2);border-radius:10px;background:#EDEDED;} The res
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
